<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>建发房产</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/billDetail.css" />
		<link rel="stylesheet" type="text/css" href="../css/month-picker.min.css" />
	</head>

	<body>
		<nav class="navbar navbar-default" role="navigation">
			<div class="container-fluid container">
				<div class="navbar-left logoImg">
					<!--<img src="../img/logo.png" />-->
				</div>
				<p class="navbar-text navbar-right shopAccount f16"><span class="accountName">商户账号</span>|<span class="quit">退出</span></p>
			</div>
		</nav>
		<div class="headInfo">
			<div class="container">
				<ol class="breadcrumb f16">
					<li>
						<a href="billList.html">首页</a>
					</li>
					<li>
						<a href="javascript:;" class="active billTime">Library</a>
					</li>
				</ol>
				<div class="timeInfo f18">
					时间：<span class="fc-black billTime">2017年9月</span> <input type="checkbox" name="" id="screenBill" value="" /><label for="screenBill">仅显示欠缴</label>
				</div>
				<div class="payInfo f18">
					<label>缴款率：<span class="fc-darkgreen" id="payRate">100%</span></label>
					<label>应缴：<span id="payTotal">293845</span>元</label>
					<label class="fc-darkgreen">已缴：<span id="payedTotal">2345236</span>元</label>
					<label class="fc-red">未缴：<span id="unpayedTotal">23452</span>元</label>
				</div>
			</div>
		</div>
		<div class="container content">
			<table class="shangguan f18">
				<thead>
					<tr>
						<th width="80px" class="text-center"><input type="checkbox" name="checkAll" class="checkAll" value="" /></th>
						<th class="f22">
							<span class="fl">商管公司</span>
							<div class="fr f18 totalPrice">
								合计：<span class="calcPrice">0.00</span>
								<button type="button" class="btn btn-info btn-lg  payBtn">确认</button>
							</div>
						</th>
					</tr>
				</thead>
				<tbody>
					<!--<tr>
						<td class="text-center"><input type="checkbox" name="" id="" value="" /></td>
						<td>
							<div class="detailItem fl">
								<p class="fc-black">月固定租金</p>
								<p>2017-09-11~2017-11-22</p>
							</div>
							<div class="itemPayInfo f16 fl">
								<label>应缴：<span>293845</span>元</label>&nbsp;&nbsp;&nbsp;&nbsp;
								<label class="fc-darkgreen">已缴：<span>2345236</span>元</label>&nbsp;&nbsp;&nbsp;&nbsp;
								<label class="fc-red">未缴：<span>23452</span>元</label>
							</div>
							<span class="fc-darkgreen fr hasPayed">已缴款</span>
						</td>
					</tr>-->
				</tbody>
			</table>
			<table class="wuguan f18">
				<thead>
					<tr>
						<th width="80px" class="text-center"><input type="checkbox" name="checkAll" class="checkAll" value="" /></th>
						<th class="f22">
							<span class="fl">物管公司</span>
							<div class="fr f18 totalPrice">
								合计：<span class="calcPrice">0.00</span>
								<button type="button" class="btn btn-info btn-lg payBtn">确认</button>
							</div>
						</th>
					</tr>
				</thead>
				<tbody>
					<!--<tr>
						<td class="text-center"><input type="checkbox" name="" id="" value="" /></td>
						<td>
							<div class="detailItem fl">
								<p class="fc-black">物业管理费</p>
								<p>2017-09-11~2017-11-22</p>
							</div>
							<div class="itemPayInfo f16 fl">
								<label>应缴：<span>293845</span>元</label>&nbsp;&nbsp;&nbsp;&nbsp;
								<label class="fc-darkgreen">已缴：<span>2345236</span>元</label>&nbsp;&nbsp;&nbsp;&nbsp;
								<label class="fc-red">未缴：<span>23452</span>元</label>
							</div>
							<span class="fc-darkgreen fr hasPayed">已缴款</span>
						</td>
					</tr>-->
				</tbody>
			</table>
			<table class="other f18">
				<thead>
					<tr>
						<th width="80px" class="text-center"><input type="checkbox" name="checkAll" class="checkAll" value="" /></th>
						<th class="f22">
							<span class="fl">其他</span>
							<div class="fr f18 totalPrice">
								合计：<span class="calcPrice">0.00</span>
								<button type="button" class="btn btn-info btn-lg payBtn">确认</button>
							</div>
						</th>
					</tr>
				</thead>
				<tbody>
					<!--<tr>
						<td class="text-center"><input type="checkbox" name="" id="" value="" /></td>
						<td>
							<div class="detailItem fl">
								<p class="fc-black">物业管理费</p>
								<p>2017-09-11~2017-11-22</p>
							</div>
							<div class="itemPayInfo f16 fl">
								<label>应缴：<span>293845</span>元</label>&nbsp;&nbsp;&nbsp;&nbsp;
								<label class="fc-darkgreen">已缴：<span>2345236</span>元</label>&nbsp;&nbsp;&nbsp;&nbsp;
								<label class="fc-red">未缴：<span>23452</span>元</label>
							</div>
							<span class="fc-darkgreen fr hasPayed">已缴款</span>
						</td>
					</tr>-->
				</tbody>
			</table>
		</div>
		<div class="mask">
			<div class="confirmBox">
				<div class="confirmHeader text-center f24"><span>支付</span><i class="icon-remove closeConfirm"></i></div>
				<div class="confirmMain f16">
					<!--<p><span class="fl">物业管理费：</span><span class="fr fc-black">9328759元</span></p>-->
				</div>
				<div class="choosePay">
					<p class="f20 fc-black">总计：<strong id="needPay">0</strong>元</p>
					<p class="f20 fc-black">本次缴费：<input id="wantPay" type="number" /> 元</p>
					<p class="f14 fc-red text-left">*每笔缴费账单收取手续费6元</p>
					<div class="text-center btnBox">
						<!--<button class="btn btn-info btn-lg" id="personanlPay">个人账户缴费</button>-->
						<button class="btn btn-info btn-lg" id="companyPay">企业账户缴费</button>
					</div>
				</div>
			</div>
		</div>
		<div class="confirmMask">
			<div class="confirmPayMain">
				<div class="confirmPayHeader text-center f18"><span>提示</span><i class="icon-remove closeConfirmPay"></i></div>
				<div class="txtMain f18">
					支付未成功！
				</div>
				<div class="confirmPayBtn">
					<button id="toPayBtn">确认</button>
				</div>
			</div>
		</div>
		<div class="payedMask text-center">
			<div>
				<div class="f18">
					付款中...
				</div>
				<div class="f18">付款成功后本页面会自动刷新</div>
			</div>
		</div>
		<form class="payForm" action="" method="post" target="_blank" accept-charset="utf-8">
			<br>后台回调地址:
			<input name="MerBgUrl" class="MerBgUrl" value="" />
			<br> 交易日期:
			<input name="TranDate" class="TranDate" value="" />
			<br> 防钓鱼IP:
			<input name="RemoteAddr" class="RemoteAddr" value="" />
			<br> 商户号:
			<input name="MerId" class="MerId" value="" />
			<br> 交易时间:
			<input name="TranTime" class="TranTime" value="" />
			<br> 交易单号:
			<input name="MerOrderNo" class="MerOrderNo" value="" />
			<br> 币种:
			<input name="CurryNo" class="CurryNo" value="" />
			<br> 版本号:
			<input name="Version" class="Version" value="" />
			<br> 订单金额:
			<input name="OrderAmt" class="OrderAmt" value="" />
			<br> 签名:
			<input name="Signature" class="Signature" value="" />
			<br> 商品描述:
			<input name="CommodityMsg" class="CommodityMsg" value="" />
			<br> 前端界面:
			<input name="MerPageUrl" class="MerPageUrl" value="" />
			<br> 前端界面:
			<input name="BusiType" class="BusiType" value="" />
			<br>
			<input name="TranType" class="TranType" value="" />
			
		</form>

		<!--<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
		<script src="../js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/common.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/service.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/billDetail.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>